:global {
  .mark {
    :root {
      --side-bar-bg-color: #fff;
      --control-text-color: #777;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* greek-ext */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    /* greek */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+0370-03FF;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('@/assets/font/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* greek-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    /* greek */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2');
      unicode-range: U+0370-03FF;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 300;
      src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* greek-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    /* greek */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2');
      unicode-range: U+0370-03FF;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
        url('@/assets/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* greek-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2');
      unicode-range: U+1F00-1FFF;
    }

    /* greek */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2');
      unicode-range: U+0370-03FF;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 600;
      src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('@/assets/font/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    html {
      font-size: 14px;
    }

    body {
      font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important;
      color: #34495e;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6rem;
      letter-spacing: 0;
      margin: 0;
      overflow-x: hidden;
    }

    #write {
      max-width: 860px;
      margin: 0 auto;
      padding: 20px 30px 100px;
    }

    #write p {
      line-height: 1.6rem;
      word-spacing: 0.05rem;
    }

    #write ol li {
      text-indent: 0.5rem;
    }

    #write > ul:first-child,
    #write > ol:first-child {
      margin-top: 30px;
    }

    body > *:first-child {
      margin-top: 0 !important;
    }

    body > *:last-child {
      margin-bottom: 0 !important;
    }

    a {
      color: #42b983;
      font-weight: 600;
      padding: 0 2px;
      text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      position: relative;
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-weight: bold;
      line-height: 1.4;
      cursor: text;
    }

    h1:hover a.anchor,
    h2:hover a.anchor,
    h3:hover a.anchor,
    h4:hover a.anchor,
    h5:hover a.anchor,
    h6:hover a.anchor {
      text-decoration: none;
    }

    h1 tt,
    h1 code {
      font-size: inherit !important;
    }

    h2 tt,
    h2 code {
      font-size: inherit !important;
    }

    h3 tt,
    h3 code {
      font-size: inherit !important;
    }

    h4 tt,
    h4 code {
      font-size: inherit !important;
    }

    h5 tt,
    h5 code {
      font-size: inherit !important;
    }

    h6 tt,
    h6 code {
      font-size: inherit !important;
    }

    h2 a,
    h3 a {
      color: #34495e;
    }

    h1 {
      padding-bottom: 0.4rem;
      font-size: 2.2rem;
      line-height: 1.3;
    }

    h2 {
      font-size: 1.75rem;
      line-height: 1.225;
      margin: 35px 0 15px;
      padding-bottom: 0.5em;
      border-bottom: 1px solid #ddd;
    }

    h3 {
      font-size: 1.4rem;
      line-height: 1.43;
      margin: 20px 0 7px;
    }

    h4 {
      font-size: 1.2rem;
    }

    h5 {
      font-size: 1rem;
    }

    h6 {
      font-size: 1rem;
      color: #777;
    }

    p,
    blockquote,
    ul,
    ol,
    dl,
    table {
      margin: 0.8em 0;
    }

    li > ol,
    li > ul {
      margin: 0 0;
    }

    hr {
      height: 2px;
      padding: 0;
      margin: 16px 0;
      background-color: #e7e7e7;
      border: 0 none;
      overflow: hidden;
      box-sizing: content-box;
    }

    body > h2:first-child {
      margin-top: 0;
      padding-top: 0;
    }

    body > h1:first-child {
      margin-top: 0;
      padding-top: 0;
    }

    body > h1:first-child + h2 {
      margin-top: 0;
      padding-top: 0;
    }

    body > h3:first-child,
    body > h4:first-child,
    body > h5:first-child,
    body > h6:first-child {
      margin-top: 0;
      padding-top: 0;
    }

    a:first-child h1,
    a:first-child h2,
    a:first-child h3,
    a:first-child h4,
    a:first-child h5,
    a:first-child h6 {
      margin-top: 0;
      padding-top: 0;
    }

    h1 p,
    h2 p,
    h3 p,
    h4 p,
    h5 p,
    h6 p {
      margin-top: 0;
    }

    li p.first {
      display: inline-block;
    }

    ul,
    ol {
      padding-left: 30px;
    }

    ul:first-child,
    ol:first-child {
      margin-top: 0;
    }

    ul:last-child,
    ol:last-child {
      margin-bottom: 0;
    }

    blockquote {
      border-left: 4px solid #42b983;
      padding: 10px 15px;
      color: #777;
      background-color: rgba(66, 185, 131, 0.1);
    }

    table {
      padding: 0;
      word-break: initial;
    }

    table tr {
      border-top: 1px solid #dfe2e5;
      margin: 0;
      padding: 0;
    }

    table tr:nth-child(2n),
    thead {
      background-color: #fafafa;
    }

    table tr th {
      font-weight: bold;
      border: 1px solid #dfe2e5;
      border-bottom: 0;
      text-align: left;
      margin: 0;
      padding: 6px 13px;
    }

    table tr td {
      border: 1px solid #dfe2e5;
      text-align: left;
      margin: 0;
      padding: 6px 13px;
    }

    table tr th:first-child,
    table tr td:first-child {
      margin-top: 0;
    }

    table tr th:last-child,
    table tr td:last-child {
      margin-bottom: 0;
    }

    #write strong {
      padding: 0 1px;
    }

    #write em {
      padding: 0 5px 0 2px;
    }

    #write table thead th {
      background-color: #f2f2f2;
    }

    #write .CodeMirror-gutters {
      border-right: none;
    }

    #write .md-fences {
      border: 1px solid #f4f4f4;
      -webkit-font-smoothing: initial;
      margin: 0.8rem 0 !important;
      padding: 0.3rem 0 !important;
      line-height: 1.43rem;
      background-color: #f8f8f8 !important;
      border-radius: 2px;
      font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important;
      font-size: 0.85rem;
      word-wrap: normal;
    }

    #write .CodeMirror-wrap .CodeMirror-code pre {
      padding-left: 12px;
    }

    #write code,
    tt {
      margin: 0 2px;
      padding: 2px 4px;
      border-radius: 2px;
      font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important;
      font-size: 0.92rem;
      color: #e96900;
      background-color: #f8f8f8;
    }

    #write .md-footnote {
      background-color: #f8f8f8;
      color: #e96900;
    }

    /* heighlight. */
    #write mark {
      background-color: #ebffeb;
      border-radius: 2px;
      padding: 2px 4px;
      margin: 0 2px;
      color: #222;
      font-weight: 500;
    }

    #write del {
      padding: 1px 2px;
    }

    .cm-s-inner .cm-link,
    .cm-s-inner.cm-link {
      color: #22a2c9;
    }

    .cm-s-inner .cm-string {
      color: #22a2c9;
    }

    .md-task-list-item > input {
      margin-left: -1.3em;
    }

    @media print {
      html {
        font-size: 13px;
      }

      table,
      pre {
        page-break-inside: avoid;
      }

      pre {
        word-wrap: break-word;
        background-color: red;
      }
    }

    .md-fences {
      background-color: #f8f8f8;
    }

    #write pre.md-meta-block {
      padding: 1rem;
      font-size: 85%;
      line-height: 1.45;
      background-color: #f7f7f7;
      border: 0;
      border-radius: 3px;
      color: #777777;
      margin-top: 0 !important;
    }

    .mathjax-block > .code-tooltip {
      bottom: 0.375rem;
    }

    #write > h3.md-focus:before {
      left: -1.5625rem;
      top: 0.375rem;
    }

    #write > h4.md-focus:before {
      left: -1.5625rem;
      top: 0.285714286rem;
    }

    #write > h5.md-focus:before {
      left: -1.5625rem;
      top: 0.285714286rem;
    }

    #write > h6.md-focus:before {
      left: -1.5625rem;
      top: 0.285714286rem;
    }

    .md-image > .md-meta {
      border-radius: 3px;
      font-family: Consolas, 'Liberation Mono', Courier, monospace;
      padding: 2px 0 0 4px;
      font-size: 0.9em;
      color: inherit;
    }

    .md-tag {
      color: inherit;
    }

    .md-toc {
      margin-top: 20px;
      padding-bottom: 20px;
    }

    .sidebar-tabs {
      border-bottom: none;
    }

    #typora-quick-open {
      border: 1px solid #ddd;
      background-color: #f8f8f8;
    }

    #typora-quick-open-item {
      background-color: #fafafa;
      border-color: #fefefe #e5e5e5 #e5e5e5 #eee;
      border-style: solid;
      border-width: 1px;
    }

    #md-notification:before {
      top: 10px;
    }

    /** focus mode */

    .on-focus-mode blockquote {
      border-left-color: rgba(85, 85, 85, 0.12);
    }

    header,
    .context-menu,
    .megamenu-content,
    footer {
      font-family: 'Segoe UI', 'Arial', sans-serif;
    }

    .file-node-content:hover .file-node-icon,
    .file-node-content:hover .file-node-open-state {
      visibility: visible;
    }

    .mac-seamless-mode #typora-sidebar {
      background-color: var(--side-bar-bg-color);
    }

    .md-lang {
      color: #b4654d;
    }

    .html-for-mac .context-menu {
      --item-hover-bg-color: #e6f0fe;
    }

    code {
      display: block;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 10px;
      background: lightblue;
      color: #004080;
      overflow: auto;
      font-family: Consolas 'Courier New' Fixedsys;
    }
  }
}
